import React, {Component} from 'react';
import {Button, DatePicker} from 'antd'

// antd 3.x
// import {Icon} from 'antd'
// import 'antd/dist/antd.css'

// antd 4.x
import {WechatOutlined, WeiboOutlined, SearchOutlined} from '@ant-design/icons'


const { RangePicker } = DatePicker

export default class App extends Component {

  render() {
    return (
      <div>
        App......
        <button>点我</button>
        <Button type="primary">按钮1</Button>
        <Button>按钮2</Button>
        <Button type="link">按钮3</Button>

        {/* antd 3.x */}
        {/*<Icon type="step-backward" />*/}
        {/*<Icon type="step-forward" />*/}

        <Button type="primary" icon={<SearchOutlined/>}>Search</Button>

        <WechatOutlined/>
        <WeiboOutlined/>
        <DatePicker/>
        <RangePicker/>
      </div>
    );
  }
}